<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Sbook.vn</title>
<link type="text/css" rel="stylesheet" href="css/style_index.css" />
<link rel="stylesheet" href="css/nivo-style.css" type="text/css" />
<link rel="stylesheet" href="css/nivo-slider.css" type="text/css" />
<script type="text/javascript" src="js/jquery-1.7.1.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js">
</script>
<script type="text/javascript" src="js/jquery.simplyscroll.js"></script>
<script  type="text/javascript" src="js/jquery.nivo.slider.pack.js"></script>

<link rel="stylesheet" href="css/jquery.simplyscroll.css" media="all" type="text/css">
<script type="text/javascript">
(function($) {
	$(function() {
		$("#scroller").simplyScroll({
			customClass:'vert',
			orientation:'vertical',
			auto: false,
			manualMode: 'loop',
			speed: 8			
		});
	});
})(jQuery);
</script>

<script type="text/javascript">
        $(document).ready(function() {
            $('#slider').nivoSlider({
        effect:'fade', //Specify sets like: 'fold,fade,sliceDown'
        slices: 8,
        directionNav:true, //Next & Prev
        directionNavHide:true, //Only show on hover
        controlNav:true, //1,2,3...
        keyboardNav:true, //Use left & right arrows
   
            });
        });
</script>

<script type="text/javascript">
	$(document).ready(function(){
		$(".menu_top li").hover(function(){
			$(this).find('ul:first').css({visibility:"visible",display:"none"}).show(500)
			},function(){
				$(this).find('ul:first').css({visibility:"hidden"})
				});
		});
</script>
</head>


<body>
<center>
<div class="web">
	<!-- header -->
	<div class="header">
    	<!-- logo --> 
    	<div class="logo">
            	<img src="images/logo_sach.gif" width="158" height="161" />
    	</div>
        <!-- close logo --> 
        <!-- header_top --> 
        <div class="header_top">
        	<!-- menu_top --> 
	    	<div class="menu_top">
            	<ul>
                	<li>
                    	<a href="#">Danh mục</a>
                        <ul>
                        	<li>
                            <a href="#">Đại học Ngoại Thương</a>
                            <ul>
                            	<li><a href="#">Khoa kinh tế đối ngoại</a></li>
                                <li><a href="#">Khoa quản trị kinh doanh</a></li>
                                <li><a href="#">Khoa tài chính ngân hàng</a></li>
                            </ul>
                            </li>
                            <li><a href="#">Đại học Ngoại Giao</a></li>
                            <li><a href="#">Sách kinh tế</a></li>
                        </ul>
                    </li>
                    <li>
                    <a href="#">Sbook</a>
                    <ul>
                            <li><a href="#">Giới thiệu</a></li>
                            <li><a href="#">Cửa hàng</a></li>
                            <li><a href="#">Liên hệ</a></li>
                            <li><a href="#">Đối tác</a></li>
                    </ul>
                    </li>
                    <li>
                    <a href="#">Sự kiện</a>
                    <ul>
                    	<li><a href="#">Tin tức</a></li>
                    	<li><a href="#">Chương trình đổi sách</a></li>
                    </ul>
                    </li>
                    <li>
                    <a href="#">Update đề thi</a>
                    <ul>
                    	<li><a href="#">Trường Ngoại thương</a></li>
                    	<li><a href="#">Trường Ngoại giao</a></li>
                    </ul>
                    </li>
                </ul>
                	<a href="#">Đăng nhập</a>
                    <strong style="color:#FFF; margin:5px 0px;">/</strong>
                    <a href="#">Đăng ký</a>
    	    </div>
            <!-- close menu_top --> 
            <!-- hỗ trợ trực tuyến --> 
            <div class="hotrotructuyen">
        		<a href="ymsgr:sendIM?huy_xda_pm1&amp;m=Chào bạn!"><img border=0 src=http://mail.opi.yahoo.com/online?u=huy_xda_pm1&amp;m=g&amp;t=2 vspace=0 width="121" height="34" /></a>
            	<a href="#"><img src="images/capsach.png" width="121" height="34" /></a>
        	</div>
            <!-- close hỗ trợ trực tuyến --> 
            <!-- search --> 
            <div class="search">
            	<form name="fsearch">
                	<input type="text" name="txtsearch" style="width:250px; height:20px; border-radius: 5px;" value="Tìm kiếm..." onfocus="if(this.value=='Tìm kiếm...')this.value='';" onblur="if(this.value=='')this.value='Tìm kiếm...';"/>
                    <input type="submit" name="btsearch" value="Theo tên, tác giả" style="height:25px;" />
                </form>
            </div>
            <!-- close search --> 
        </div>
        <!-- close header_top --> 
    </div>
    <!-- close header -->
    <!-- slide -->
<div class="slide">
	<div id="wrapper">
         <div id="slider" class="nivoSlider">
            <a href="#"><img src="images/img_slider/1.jpg" alt="" title="Sau một thời gian bị gián đoạn do bận làm lại giao diện cho trang web."/></a>
            <img src="images/img_slider/2.jpg" alt="" title="Lorem ipsum dolor sit a met"/>
            <img src="images/img_slider/3.jpg" alt="" title="This is Sparta!!!" />
            <img src="images/img_slider/4.jpg" alt="" title="how about one more for luck" />
            <img src="images/img_slider/5.jpg" alt="" title="#caption"/>
        </div>
        <div id="caption" class="nivo-html-caption">
            <strong>This</strong> is madness with <a href="http://www.izwebz.com">a link</a>
        </div>
    </div>
</div>
<!-- close slide 
	$('#clickme').click(function() {
  $('#book').animate({
    opacity: 0.25,
    left: '+=50',
    height: 'toggle'
  }, 5000, function() {
    // Animation complete.
  });
});

-->
<!-- tin tức -->
<!--<script type="text/javascript">
	$(document).ready(function(){
			$("a.up").hover(function(){
				$(".tintuc_item").css(bottom,"30px")
				$(".tintuc_item").animate({
					bottom:'+=50',
					opacity:0.5
					});
				});
		});
</script> -->
<div class="tintuc">
	<a href="#" class="up">
    	<img src="images/img_tintuc/news_box_up.jpg" />
    </a>
    <a href="#" class="down">
    	<img src="images/img_tintuc/news_box_down.jpg" />
    </a>
    <div id="scroller">
	<div class="tintuc_item">
    	<a href="#">
        	<img src="images/img_tintuc/1.jpg" width="80" height="120"/>
        	<span>
            	<strong class="textheader">Chương trình huyến mãi "mua 2 tặng 1"</strong>
                <br />
                <strong class="texttitle">Dành cho sách kinh tế đối ngoại</strong>
            </span>
        </a>
    </div>
    <div class="tintuc_item">
    	<a href="#">
        	<img src="images/img_tintuc/miss1.jpg" width="80" height="120" />
        	<span>
            	<strong class="textheader">Chương trình huyến mãi "mua 2 tặng 1"</strong>
                <br />
                <strong class="texttitle">Dành cho sách kinh tế đối ngoại</strong>
            </span>
        </a>
    </div>
    <div class="tintuc_item">
    	<a href="#">
        	<img src="images/img_tintuc/miss2.jpg" width="80" height="120" />
        	<span>
            	<strong class="textheader">Chương trình huyến mãi "mua 2 tặng 1"</strong>
                <br />
                <strong class="texttitle">Dành cho sách kinh tế đối ngoại</strong>
            </span>
        </a>
    </div>
    <div class="tintuc_item">
    	<a href="#">
        	<img src="images/img_tintuc/miss3.jpg" width="80" height="120" />
        	<span>
            	<strong class="textheader">Chương trình huyến mãi "mua 2 tặng 1"</strong>
                <br />
                <strong class="texttitle">Dành cho sách kinh tế đối ngoại</strong>
            </span>
        </a>
    </div>
    <div class="tintuc_item">
    	<a href="#">
        	<img src="images/img_tintuc/miss4.jpg" width="80" height="120" />
        	<span>
            	<strong class="textheader">Chương trình huyến mãi "mua 2 tặng 1"</strong>
                <br />
                <strong class="texttitle">Dành cho sách kinh tế đối ngoại</strong>
            </span>
        </a>
    </div>
    <div class="tintuc_item">
    	<a href="#">
        	<img src="images/img_tintuc/miss5.jpg" width="80" height="120" />
        	<span>
            	<strong class="textheader">Chương trình huyến mãi "mua 2 tặng 1"</strong>
                <br />
                <strong class="texttitle">Dành cho sách kinh tế đối ngoại</strong>
            </span>
        </a>
    </div>
    <div class="tintuc_item">
    	<a href="#">
        	<img src="images/img_tintuc/miss6.jpg" width="80" height="120" />
        	<span>
            	<strong class="textheader">Chương trình huyến mãi "mua 2 tặng 1"</strong>
                <br />
                <strong class="texttitle">Dành cho sách kinh tế đối ngoại</strong>
            </span>
        </a>
    </div>
    </div>
</div>
<!-- close tin tức --> 
<!-- product --> 
<div class="product">
	<!-- sản phẩm mới --> 
	<div class="pro_new">
    	<!-- tiêu đề sản phẩm mới --> 
    	<h1>	
        	Sản phẩm mới
        </h1>
        <br />
    	<!-- sản phẩm mới item -->
        <div class="pro_new_item">
        	<a href="chitietsp.html"><img src="images/img_book/sach1.jpg" width="198" height="115" /></a>
            <strong>Dạy con làm giàu</strong>
        </div> 
        <div class="pro_new_item">
        	<a href="chitietsp.html"><img src="images/img_book/sach2.jpg" width="198" height="115" /></a>
            <strong>Dạy con làm giàu</strong>
        </div>
        <div class="pro_new_item">
        	<a href="chitietsp.html"><img src="images/img_book/sach3.jpg" width="198" height="115" /></a>
            <strong>Dạy con làm giàu</strong>
        </div>
        <div class="pro_new_item">
        	<a href="chitietsp.html"><img src="images/img_book/sach4.jpg" width="198" height="115" /></a>
            <strong>Dạy con làm giàu</strong>
        </div>
        <div class="pro_new_item">
        	<a href="chitietsp.html"><img src="images/img_book/sach5.jpg" width="198" height="115" /></a>
            <strong>Dạy con làm giàu</strong>
        </div>
        <div class="pro_new_item">
        	<a href="chitietsp.html"><img src="images/img_book/sach1.jpg" width="198" height="115" /></a>
            <strong>Dạy con làm giàu</strong>
        </div>
        <div class="pro_new_item">
        	<a href="chitietsp.html"><img src="images/img_book/sach3.jpg" width="198" height="115" /></a>
            <strong>Dạy con làm giàu</strong>
        </div>
        <div class="pro_new_item">
        	<a href="chitietsp.html"><img src="images/img_book/sach4.jpg" width="198" height="115" /></a>
            <strong>Dạy con làm giàu</strong>
        </div>
        <div class="pro_new_item">
        	<a href="chitietsp.html"><img src="images/img_book/sach5.jpg" width="198" height="115" /></a>
            <strong>Dạy con làm giàu</strong>
        </div>
        <div class="pro_new_item">
        	<a href="chitietsp.html"><img src="images/img_book/sach1.jpg" width="198" height="115" /></a>
            <strong>Dạy con làm giàu</strong>
        </div>	
        <!-- close sản phẩm mới item -->
	</div>
	<!-- close sản phẩm mới --> 
    <!-- sản phẩm bán chạy --> 
	<div class="pro_new">
    	<!-- tiêu đề sản phẩm bán chạy --> 
    	<h1>	
        	Sản phẩm bán chạy
        </h1>
        <br />
    	<!-- sản phẩm bán chạy item -->
        <div class="pro_new_item">
        	<a href="chitietsp.html"><img src="images/img_book/sach1.jpg" width="198" height="115" /></a>
            <strong>Dạy con làm giàu</strong>
        </div> 
        <div class="pro_new_item">
        	<a href="chitietsp.html"><img src="images/img_book/sach2.jpg" width="198" height="115" /></a>
            <strong>Dạy con làm giàu</strong>
        </div>
        <div class="pro_new_item">
        	<a href="chitietsp.html"><img src="images/img_book/sach3.jpg" width="198" height="115" /></a>
            <strong>Dạy con làm giàu</strong>
        </div>
        <div class="pro_new_item">
        	<a href="chitietsp.html"><img src="images/img_book/sach4.jpg" width="198" height="115" /></a>
            <strong>Dạy con làm giàu</strong>
        </div>
        <div class="pro_new_item">
        	<a href="chitietsp.html"><img src="images/img_book/sach5.jpg" width="198" height="115" /></a>
            <strong>Dạy con làm giàu</strong>
        </div>
        <div class="pro_new_item">
        	<a href="chitietsp.html"><img src="images/img_book/sach1.jpg" width="198" height="115" /></a>
            <strong>Dạy con làm giàu</strong>
        </div>
        <div class="pro_new_item">
        	<a href="chitietsp.html"><img src="images/img_book/sach3.jpg" width="198" height="115" /></a>
            <strong>Dạy con làm giàu</strong>
        </div>
        <div class="pro_new_item">
        	<a href="chitietsp.html"><img src="images/img_book/sach4.jpg" width="198" height="115" /></a>
            <strong>Dạy con làm giàu</strong>
        </div>
        <div class="pro_new_item">
        	<a href="chitietsp.html"><img src="images/img_book/sach5.jpg" width="198" height="115" /></a>
            <strong>Dạy con làm giàu</strong>
        </div>
        <div class="pro_new_item">
        	<a href="chitietsp.html"><img src="images/img_book/sach1.jpg" width="198" height="115" /></a>
            <strong>Dạy con làm giàu</strong>
        </div>	
        <!-- close sản phẩm bán chạy item-->
	</div>
    <!-- close sản phẩm bán chạy --> 
</div>
<!-- close product --> 
<!-- banner quảng cáo --> 
<div class="banner">
	<div class="banner1">
    	Banner
    </div>
    
    <div class="banner2">
    	Banner
    </div>
    
    <div class="banner3">
    	Banner
    </div>
</div>
<!-- close banner quảng cáo --> 
<!-- footer --> 
<div class="footer">
</div>
<!-- close footer --> 
</div>
</center>
</body>
</html>
